import { useNavigate } from 'react-router-dom';
import '@/style/common/footer.scss'
import footerLogo from '@/images/footer/footer_logo.png'
const zh_menu_list = [
	{
		text: "关于我们",
		href: '/intro',
        children: [
            { text: "公司简介", href: '/intro?type=overview', },
        ]
	},
	{
		text: "产品",
		href: '/industry',
        children: [
            { text: "应用领域", href: '/industry?type=applicationDomain', },
            { text: "产品展示", href: '/industry?type=industryShow', },
        ]
	},
    {
    text: "体系认证",
    href: '/systemCert',
            children: [
                { text: "体系认证", href: '/systemCert?type=systemCert', },
            ]
    },
	{
		text: "合作案例",
		href: '/cooperationCase',
        children: [
            { text: "合作案例", href: '/cooperationCase?type=cooperationCase', },
        ]
	},
	{
		text: "新闻中心",
		href: '/news',
        children: [
            { text: "新闻中心", href: '/news?type=news', },
        ]
	},
    {
		text: "联系我们",
		href: '/contact',
        children: [
            { text: "联系我们", href: '/contact?type=contactUs', },
        ]
	},

]

function Footer() {
    return (
        <>
            <div className="footerBox">
                <div className="mainContent">
                    <div>
                        <a className="footerLogo" href="/home"><img src={footerLogo} alt="" /></a>
                    </div>
                    <div className="guideMenuBox">
                        <div className="guideMenu">
                            {zh_menu_list.map((item, index) => (
                                <div
                                    className="guideMenuItem"
                                    key={index}
                                >
                                <p className="guideMenuItemTitle" href={item.href}>{item.text}</p>
                                {item.children.map((pro, indent) => (
                                        <a className="guideMenuItemSubTitle" href={pro.href} key={indent}>{pro.text}</a>
                                    ))}
                                </div>
                            ))}
                        </div>
                    </div>

                </div>
                <div className="mainContent copyRight">
                    <p>
                        <span>Copyright © 2024 丰源电力科技（涿州）有限公司</span>
                        <a className="marginLeft" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13068102000287" target="_blank" rel="noopener noreferrer">冀公网安备13068102000287号</a>
                        <a className="marginLeft" href="https://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer">冀ICP备2024071616号</a>
                    </p>
                </div>
            </div>
        </>
    )
}
 
export default Footer